<template>
    <div id="imgTag">
        <img :src="src" :title="title" :onerror="errorImg">
        <!-- <img :src="src" :title="title" ref="img"> -->
    </div>
</template>
<script>
    export default {
        name: "imgTag",
        components: {},
        props: {
            src: String,
            title: String
        },
        data() {
            return {
                // 由于是要用webpack打包，所以需要用到require的方式把图片链接写成活的。
                errorImg: 'this.src="' + require("./errorImg.png") + '"',
            };
        },
    };
</script>
<style scoped>
    #imgTag {
        display: inline-block;
    }

    #imgTag>img {
        width: 100%;
        height: 100%;
    }
</style>